<template>
  <v-scale-screen
    :delay="0"
    :box-style="{
      backgroundColor: '#051735',
    }"
  >
    <div class="srceen-box-bg">
      <Page-title :interval="interval" back />
      <div class="f f-jc-b p20">
        <Business @changeType="changeType" />
        <Custom :dateType="dateType" />
      </div>
    </div>
  </v-scale-screen>
</template>
<script>
import { mapState } from "vuex";
import Business from "@/views/srceen/business/cp/Business.vue"; // 业务信息
import Custom from "@/views/srceen/business/cp/Custom.vue"; // 大客户总体排行
export default {
  components: {
    Business,
    Custom,
  },
  computed: {
    ...mapState({
      interval: (state) => state.app.srceenDelay,
    }),
  },
  data() {
    return {
      dateType: "DAY",
    };
  },
  methods: {
    changeType(type) {
      this.dateType = type;
    },
  },
};
</script>
<style lang="scss" scoped>
.srceen-box-bg {
  height: 100%;
  width: 100%;
  background: url("~@/assets/img/bg.png");
}
</style>
